/*back-top*/
.progress-wrap {position: fixed;right: 60px;bottom: 20px;height: 46px;width: 46px;cursor: pointer;display: block;border-radius: 50px;
	box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);z-index: 10000;opacity: 0;visibility: hidden;transform: translateY(15px);-webkit-transition: all 200ms linear;
	transition: all 200ms linear;background: rgba(0,0,0,0.05);}
	.progress-wrap.active-progress {opacity: 1;visibility: visible;transform: translateY(0);}
	.progress-wrap::after {position: absolute;font-family: 'FontAwesome';content: "\f106";text-align: center;
	line-height: 46px;font-size: 24px;color:#24a9e2;left: 0;top: 0;height: 46px;width: 46px;cursor: pointer;display: block;
	z-index: 1;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
	.progress-wrap svg path { fill: none; }
	.progress-wrap svg.progress-circle path {stroke: #24a9e2;stroke-width: 4;box-sizing:border-box;-webkit-transition: all 200ms linear;
	transition: all 200ms linear;}
	@media only screen and (max-width:992px) {
	.progress-wrap{ right: 5px; width: 36px; height: 36px; bottom: 60px;}
	.progress-wrap::after{ line-height: 32px; width: 36px; height: 36px;}
	}


/*fixed-contact*/
.fixed-contact {
    z-index:999999;
    position:fixed;
    right:0;
    top:30%;
    width:50px;
    margin-top:-90px;
    overflow:hidden;
    opacity:0;
	filter:alpha(opacity=0);
    transition:all .4s;
    transform: translateX(95px);
    -webkit-transform: translateX(95px);
    -moz-transform: translateX(95px);
}
.fixed-contact.show{  transform:none; opacity:1;filter:alpha(opacity=100); }
.fixed-contact.active {width:280px;}
.fixed-contact li {position:relative;height:50px;overflow:hidden;transition:all .4s;list-style: none;background:#24a9e2;margin-bottom: 2px;border-radius:0;border:1px solid rgba(255,255,255,0.2)}
.fixed-contact.active li a {opacity: 1;}
.fixed-contact li a {position:relative;z-index:1000;display:block;}
.fixed-contact li i {
    z-index:1000;
    position:absolute;
    left:0;
    display:block;
    width:50px;
    height:50px;
    transition:all .4s;
	background-repeat: no-repeat;
	background-position: center center;
	background-image:url(/images/icon.png);
}
.fixed-contact.active li:after {
    z-index:1001;
    content:'';
    position:absolute;
    bottom:0;
    left:10px;
	right:10px;
    display:block;
    height:1px;
    background:rgba(255,255,255,.2);
}
.fixed-contact.active li:last-child:after {display:none;}
.fixed-contact li:hover i,.fixed-contact li:hover a{opacity:.7;}
.fixed-contact .online_p i {
	background-position: 0 -262px;
    border-top-left-radius:30px;
    -moz-border-top-left-radius:30px;
    -webkit-border-top-left-radius:30px;
    border-top-right-radius:30px;
    -moz-border-top-right-radius:30px;
    -webkit-border-top-right-radius:30px;
}
.fixed-contact .online_e i {background-position: -50px -262px;}
.fixed-contact .online_w i {background-position: -150px -262px;}
.fixed-contact .online_s i {background-position: -100px -262px;}
.fixed-contact .online_f i {background-position: -250px -262px;}
.fixed-contact .online_i i {background-position: -300px -262px;}
.fixed-contact .online_code i {background-position: -200px -262px;}

.fixed-contact li a {
    position:absolute;
    top:0;
    left:60px;
    display:block;
    width:240px;
	line-height:110%;
    padding:16px 0 0 30px;
    color:#fff;
    white-space:nowrap;
    transition:all .4s;
	text-align: left;
	font-weight: normal;
	opacity: 0;
	font-size: 15px;
}
.fixed-contact.active li a {left:20px;}
.fixed-contact .online_code a img{max-width:80px;}
.fixed-contact.active .online_code{height:130px;}
.fixed-contact.active .online_code a p{margin:0;margin-bottom:5px;}
.fixed-contact li.online_code:hover a{opacity:1;}

@media only screen and (max-width: 768px) {
	.fixed-contact{display:none !important;}
	.fixed-contact.show{opacity:0;}
}



@media only screen and (max-width: 768px) {
	
	.progress-wrap{
		box-sizing: content-box; 
		margin-bottom: constant(safe-area-inset-bottom);
		margin-bottom: env(safe-area-inset-bottom);
	}
}